<template>
  <div id="app">
  <transition enter-active-class="animated fadeIn" mode="out-in"> 
    <router-view></router-view>
  </transition> 
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style lang="less">
@import '~vux/src/styles/reset.less';
@import './assets/animate.css';
@import './assets/common.css';
html{
  height: 100%;
}
body {
  background-color: #f7f8f4;
  height: 100%;
}
#app{
  height: 100%;
}
</style>
